<div class="clear_left"></div>
<div id="esqueda">
    <div id="menu_categoria">
        <div class="titulo">
            CATEGORIA
        </div>
        <div class="corpo_menu">
            <div class="clear_up"></div>
            <div class="clear_left"></div>
            {foreach from=$categoriasDestaque item=categoriaDestaque}
                <img src="{$_FOTOS}/seta_menu.png" alt="seta"/> 
                <a href="{$_URLSITE}/produto_busca/{$categoriaDestaque.codigo},,{$categoriaDestaque.descricao}.LE!categ!{$categoriaDestaque.descricao}">{$categoriaDestaque.descricao}</a>
                <br />
            {/foreach}
        </div>
    </div>
    <div class="separador_esquerdo"></div>
    <div id="lancamentos">
        <div class="clear_top"></div>
        <div class="titulo">
            LANCAMENTOS
        </div>
        <div class="clear_left"></div>
        <div class="corpo">
            <div class="clear_top"></div>
            <div id="seta_esquerda" class="seta">
                <div class="clear_up"></div>
                <a href="#" class="prev"><img class="imagem" src="{$_FOTOS}/seta_esquerda.png" alt="voltar" /></a>
            </div>
            <div class="dados_lancamento anyClass">
                <ul>
                    {foreach from=$produtosLancamento item=produtoLancamento}
                    <li>
                        <a href="{$_URLSITE}/produto_detalhe/{$produtoLancamento.codigo},,{$produtoLancamento.titulo|convertlink}.LE">
                            <img class="imagem" src="{$_FOTOSPRODUTOS}/{$produtoLancamento.imagem}" alt="livro lancamento" width="99" height="150"/>
                            <div class="clear"></div>
                            <span class="livro_titulo"> {$produtoLancamento.titulo|truncate:20:"..."}</span>
                            <br />
                            <span class="livro_preco">Por R$ {$produtoLancamento.preco|number_format:2:",":"."}</span>
                        </a>
                    </li>
                    {/foreach} 
                </ul>
            </div>
            <div id="seta_direita" class="seta">
                <div class="clear_up"></div>
                <a href="#" class="next"><img class="imagem" src="{$_FOTOS}/seta_direita.png" alt="avancar" /></a>
            </div>
        </div>
    </div>
    <div class="separador_esquerdo"></div>
    <div class="propaganda">
        <div class="clear_left"></div>
        <img src="{$_FOTOS}/propaganda.png" alt="prop" />
        <br /><br />
        <img src="{$_FOTOS}/propaganda.png" alt="prop" />
    </div>    
    <div class="separador_esquerdo"></div>
    <div id="">
        <iframe width="225" height="360" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pt/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;q=R.+Santos+Dumont+-+Centro,+Jo%C3%A3o+Pessoa+-+Para%C3%ADba,+58013-170,+Brasil&amp;aq=0&amp;sll=39.639538,-7.849731&amp;sspn=9.285038,19.753418&amp;ie=UTF8&amp;geocode=FeNkk_8d_cXr_Q&amp;split=0&amp;hq=&amp;hnear=R.+Santos+Dumont+-+Centro,+Jo%C3%A3o+Pessoa+-+Para%C3%ADba,+58013-170,+Brasil&amp;ll=-7.10447,-34.877987&amp;spn=0.030662,0.019226&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.pt/maps?f=q&amp;source=embed&amp;hl=pt-BR&amp;q=R.+Santos+Dumont+-+Centro,+Jo%C3%A3o+Pessoa+-+Para%C3%ADba,+58013-170,+Brasil&amp;aq=0&amp;sll=39.639538,-7.849731&amp;sspn=9.285038,19.753418&amp;ie=UTF8&amp;geocode=FeNkk_8d_cXr_Q&amp;split=0&amp;hq=&amp;hnear=R.+Santos+Dumont+-+Centro,+Jo%C3%A3o+Pessoa+-+Para%C3%ADba,+58013-170,+Brasil&amp;ll=-7.10447,-34.877987&amp;spn=0.030662,0.019226&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left"></a></small>
    </div>
</div>